<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/wode.css">
</head>

<body>
    <!-- 头像 -->
    <div class="person">
        <a href="#"><img src="./img/avatar.svg" alt=""></a>
        <div class="personbox">
            <p>袁浩天</p>
            <p>18780203459</p>
        </div>
    </div>
    <main>
        <div class="function">
            <a href="#">
                <span class="iconfont icon-daifukuan"></span>
                <p>代付款</p>
            </a>
            <a href="#">
                <span class="iconfont icon-daifahuo"></span>
                <p>代发货</p>
            </a>
            <a href="#">
                <span class="iconfont icon-daishouhuo-"></span>
                <p>代收货</p>
            </a>
            <a href="#">
                <span class="iconfont icon-yiwancheng"></span>
                <p>已完成</p>
            </a>
        </div>
        <ul class="Option">
            <li>
                <a href="#">
                    <span class="iconfont icon-shouye colorE43130"></span>
                    <p>我的订单</p>
                </a>
                <span class="iconfont icon-youjiantou"></span>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-dizhi colorE43130"></span>
                    <p>地址管理</p>
                </a>
                <span class="iconfont icon-youjiantou"></span>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-shoucang colorE43130"></span>
                    <p>我的收藏</p>
                </a>
                <span class="iconfont icon-youjiantou"></span>
            </li>
            <li>
                <a href="#">
                    <span class="iconfont icon-lianxiwomen colorE43130"></span>
                    <p>联系我们</p>
                </a>
                <span class="iconfont icon-youjiantou"></span>
            </li>
        </ul>
    </main>
    <!-- 脚部 -->
    <footer id="footer">
        <ul>
            <li>
                <a href="./index.html">
                    <span class="iconfont icon-ziyuan"></span>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="./classification.html">
                    <span class="iconfont icon-fenlei"></span>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="./shopcar.html">
                    <span class="iconfont icon-gouwuche"></span>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="./wode.html">
                    <span class="iconfont icon-wode"></span>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </footer>
</body>
<script src="./lib/jQuery/jquery.js"></script>
<script src="./js/common.js"></script>

</html>